<!-- 
      点点专享.html
      <宾和>
      
      Created by YSG on 2017-01-06.
      Copyright 2017 YSG. All rights reserved.
 -->

<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>点点专享详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../assets/css/mui.min.css" rel="stylesheet" />
		<link href="../assets/css/main.css" rel="stylesheet" />
		<style>
			.mui-content {
				margin-bottom: 44px;
			}
			
			.nav-fixed,
			.nav-bar-fixed {
				position: fixed !important;
				z-index: 11;
			}
			
			.nav-fixed {
				top: 44px;
			}
			
			.nav-bar-fixed {
				top: 82px;
			}
			.m-invite-list .row{
				width: 100%;
			}
			.m-invite-list .row dd{
				width: 46%;
				text-align: right
			}
			.m-invite-list .row dd:first-child{
				width: 35%;
				text-align: left;
			}
			.m-invite-list .row dd:nth-of-type(2){
				width: 19%;
				text-align: center;
			}
		</style>
	</head>

	<body>
		<!--header beg-->
		<header class="mui-bar mui-bar-nav g-header">
			<a id="info" class="mui-icon mui-pull-right u-iconfont">&#xe618;</a>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">点点专享</h1>
		</header>
		<!--header end-->
		
		<div class="mui-content">
			<!--pro beg-->
			<ul class="mui-table-view m-proj m-nav2 m-nav3" id="G-proj" style="margin-top: 0;">
				<!--<li class="mui-table-view-cell">点点安盈</li>-->
				<li class="mui-table-view-cell">
					<div class="mui-table">
	            <div class="mui-table-cell mui-col-xs-10">
	                <h4 class="mui-ellipsis m-proj-tit m-bid-pro-name">&nbsp;</h4>
	            </div>
	            <div class="mui-table-cell mui-col-xs-2 mui-text-right m-proj-tag-div">
<!--	                <span class="mui-h5 m-proj-tag tag-yew">券</span>
	                <span class="mui-h5 m-proj-tag tag-ble">新</span>-->
	            </div>
	        </div>
	        <div class="m-proj-info" style="border: 0; padding-bottom: 0;">
	        	<div class="m-proj-box m-proj-lt">
	        		<div class="m-info-top">
	        			<span class="m-big">&nbsp;</span>
	        			<span class="m-small">&nbsp;</span>
	        			<span class="m-unit">%</span>
	        		</div>
	        		<div class="m-info-des">年化利率(%)</div>
	        	</div>
	        </div>    	
	        <div class="m-range-bar z-act">
	        	<i style="width: 0%;"></i>
	        	<div class="m-range-round" style="left: 0%;">
	        		<div class="round"></div>
	        	</div>
	        </div>
	        <div class="m-proj-info">
	        	<div class="m-proj-box m-proj-lt">
	        		<div class="m-info-top">
	        			<span class="m-big m-loan-life"></span>
	        		</div>
	        		<div class="m-info-des">项目期限</div>
	        	</div>
	        	<div class="m-proj-box m-proj-cn">
	        		<div class="m-info-top">
	        			<span class="m-big m-after-money">&nbsp;</span>
	        		</div>
	        		<div class="m-info-des">可投金额(元)</div>
	        	</div>
	        	<div class="m-proj-box m-proj-rt">
	        		<div class="m-info-top">
	        			<span class="m-big m-bid-money">&nbsp;</span>
	        		</div>
	        		<div class="m-info-des">投标金额(元)</div>
	        	</div>
	        </div>
	        <div class="mui-table m-proj-nottom">
                <div class="mui-table-cell mui-col-xs-5">
                    <h4 class="mui-ellipsis m-proj-tit">
                    	<i class="mui-icon u-iconfont mui-left">&#xe600;</i>
												<label class="m-start-money">&nbsp;</label>
												<span class="m-proj-info-more">理财编号:<label class="m-bid-pro-number">&nbsp;</label></span>
                    </h4>
                </div>
                <div class="mui-table-cell mui-col-xs-5 mui-text-right">
                    <span class="mui-h5 m-proj-tag">购买截止日期:<label class="m-bid-end-time">&nbsp;</label></span>
                </div>
            </div>
        </li>
			</ul>
			
			<!--pro end-->
			<div id="slider" class="mui-slider m-mt10">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style="background-color: #fff;">
					<a class="mui-control-item mui-active" href="#item1mobile">
						产品介绍
					</a>
					<a class="mui-control-item" href="#item2mobile">
						加入记录
					</a>
					<a class="mui-control-item" href="#item3mobile">
						项目进展
					</a>
				</div>
				<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active" style="height: 740px;">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">名称<span class="mui-badge mui-badge-op m-bid-pro-name">&nbsp;</span></li>
									<li class="mui-table-view-cell">
										招标说明<div class="m-tab-cell-des mui-ellipsis-2 m-bid-remark"></div>
									</li>
									
									<li class="mui-table-view-cell">投资范围<span class="mui-badge mui-badge-op m-invest-scope">&nbsp;</span></li>
									<li class="mui-table-view-cell">收益方式<span class="mui-badge mui-badge-op m-income-type">&nbsp;</span></li>
									<li class="mui-table-view-cell">锁定期<span class="mui-badge mui-badge-op m-locking-limit">&nbsp;</span></li>
									<li class="mui-table-view-cell">投资起投金额<span class="mui-badge mui-badge-op m-start-money">&nbsp;</span></li>
									<li class="mui-table-view-cell">加入费率<span class="mui-badge mui-badge-op m-join-rate">&nbsp;</span></li>
									<li class="mui-table-view-cell">提前退出费率<span class="mui-badge mui-badge-op m-earlier-out-rate">&nbsp;</span></li>
									<li class="mui-table-view-cell">起息模型<span class="mui-badge mui-badge-op m-startin-interest-condition">&nbsp;</span></li>
									<li class="mui-table-view-cell">购买开放时间<span class="mui-badge mui-badge-op m-buy-start-time">&nbsp;</span></li>
									<li class="mui-table-view-cell">购买截止时间<span class="mui-badge mui-badge-op m-buy-end-time">&nbsp;</span></li>
									<li class="mui-table-view-cell">起息时间<span class="mui-badge mui-badge-op m-start-ininterest-time">&nbsp;</span></li>
									<li class="mui-table-view-cell">到期赎回方式
										<div class="m-tab-cell-des mui-ellipsis-2 m-expire-redemption-way"></div>
									</li>
									<li class="mui-table-view-cell">是否支持提前退出<span class="mui-badge mui-badge-op m-earlier-quit">&nbsp;</span></li>
									<li class="mui-table-view-cell">保障方式<span class="mui-badge mui-badge-op m-guarantee-way">&nbsp;</span></li>
									<li class="mui-table-view-cell m-btn-contract">
										<a class="mui-navigate-right">
											<span class="mui-badge mui-badge-op">查看</span> 服务协议
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div id="item2mobile" class="mui-slider-item mui-control-content" style="height: 210px;">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="m-invite-list" id="buy-info-list" >
									
								</div>	
							</div>
						</div>

					</div>

					<div id="item3mobile" class="mui-slider-item mui-control-content" style="height: 300px;">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="m-proc-info">
									<div class="row">
										发布时间
										<p class="m-proc-buy-start-time"></p>
										<i class="mui-icon u-iconfont">&#xe779;</i>
									</div>
									<div class="row">
										计划金额
										<p class="m-proc-sum-money"></p>
										<i class="mui-icon u-iconfont">&#xe62f;</i>
									</div>
									<div class="row">
										加入人数
										<p class="m-proc-peo-num"></p>
										<i class="mui-icon u-iconfont">&#xe64c;</i>
									</div>
									<div class="row">
										为用户赚取
										<p class="m-curent-inte"></p>
										<i class="mui-icon u-iconfont">&#xe6ea;</i>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>

		</div>
		<!--footer ben-->
		<nav class="mui-bar mui-bar-tab m-proj-footer" href="javascript:;">
			<a class="mui-tab-item m-btn-disabled" id="G-go-buy">
				立即购买
			</a>
			
		</nav>
		<!--footer end-->

		<script src="../assets/lib/mui/mui.min.js"></script>
		<script src="../assets/lib/zepto/zepto.min.js"></script>
		<script src="../assets/lib/layer_mobile/layer.js"></script>
		<script src="../assets/common/util.js"></script>
		<script src="../assets/common/common.js"></script>
		<script type="text/javascript" src="../assets/js/bidSaleDetail.js" ></script>
		<script type="text/javascript">
		

			$(function() {
				new Main();
			});
		</script>
	</body>

</html>